<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <!-- import CSS -->
  <!-- <link rel="stylesheet" href="https://unpkg.com/zarm-vue@latest/zarm-vue.default.css"> -->
  <link rel="stylesheet" href="../release/zarm-vue.default.css">
  <script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
  <!-- <script src="https://unpkg.com/zarm-vue@latest/zarm-vue.umd.js"></script> -->
  <script src="../release/zarm-vue.umd.js"></script>
</head>
<body>
  <div id="app">
      <za-button theme="primary" @click="showAlert">普通按钮</za-button>
      <za-slider :default-value='20'></za-slider>
  </div>
</body>
<script>
  new Vue({
    el: '#app',
    data() {
      return {
        loading: true,
      }
    },
    methods: {
      showAlert() {
        this.$zaAlert('这是一个Alert框。');
      },
    }
  })
</script>
</html>